// import React, { useState } from 'react';
// import vision from '@google-cloud/vision';
// import serviceAccount from '../file/servicename.json';

// const client = new vision.ImageAnnotatorClient({
//   credentials: serviceAccount,
//   projectId: serviceAccount.project_id,
// });

// const App = () => {
//   const [imageData, setImageData] = useState(null);

//   const handleImageChange = async (e) => {
//     const file = e.target.files[0];
//     const reader = new FileReader();
//     reader.readAsDataURL(file);

//     reader.onload = async () => {
//       const image = await client.annotateImage({
//         image: { content: reader.result.replace(/^data:image\/(png|jpg|jpeg);base64,/, "") },
//         features: [{ type: 'LABEL_DETECTION', maxResults: 10 }],
//       });

//       setImageData(image);
//     };
//   };

//   return (
//     <div>
//       <input type="file" accept="image/*" onChange={handleImageChange} />
//       {imageData && (
//         <ul>
//           {imageData[0].labelAnnotations.map((label) => (
//             <li key={label.description}>{label.description}</li>
//           ))}
//         </ul>
//       )}
//     </div>
//   );
// };

// export default App;
import React from 'react'

export default function Image() {
  return (
    <div>Image</div>
  )
}

